<div class="modal fade" data-backdrop="static" id="addModal">
    <div class="modal-dialog sm-width">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <div class="modal-title">Add order</div>
                <div class="dropdown addOrderChannelDropdown">
                    <ul class="dropdown-menu dropdown-menu-left addOrderChannelMenu">
                        <volist name="hotelchannel" id="channel">
                            <if condition="$key eq 0">
                                <li class="active" data-value="{$channel.id}"><a href="javascript:void(0);">{$channel.name}</a></li>
                                <else/>
                                <li data-value="{$channel.id}"><a href="javascript:void(0);">{$channel.name}</a></li>
                            </if>
                        </volist>
                    </ul>
                    <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderChannel" data-value="{$hotelchannel[0]['id']}" href="javascript:void(0);">From&nbsp;<span class="info">{$hotelchannel[0]['name']}</span>&nbsp;<span class="caret"></span></a>
                </div>
            </div>
            <div id="isHourRoom" class="tabs ulite-js-tabs ulite-js-ripple-effect hidden">
                <div class="tabs-tab-bar">
                    <a class="col-xs-6 common-panel is-active">Common room</a>
                    <a class="col-xs-6 hour-panel hidden">Hour room</a>
                    <a class="col-xs-6 long-panel hidden">Long rental room</a>
                </div>
            </div>
            <div id="commonPanel">
                <div class="modal-body">
                    <div class="horizontal-padding-sm text-sm text-accent"><span>Subject to the first person's offer</span><span style="margin-left: 4px;" data-toggle="tooltip" data-placement="right"  title="If the first person to stay is a VIP of his offer prevail" class="iconfont icon-question-sign"></span></div>
                    <form class="form-horizontal form-sm">
                        <div class="form-group" id="addOrderRoom">
                        </div>
                        <div class="row text-right">
                            <div class="col-xs-12">
                                <div class="btn-sm btn-link" id="addRoom">Add person+</div>
                            </div>
                        </div>
                        <div class="form-group">
                            <table class="table text-sm addOrderTable" id="addOrderReceive">
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                        <div class="vertical-margin horizontal-padding-sm text-sm">Order amount:{$hotelDefaultSymbol}<span class="total"></span>&nbsp;&nbsp;<span class="privilege text-accent"></span>&nbsp;&nbsp;Amount received:{$hotelDefaultSymbol}<span class="receipt"></span>&nbsp;&nbsp;Deposit:{$hotelDefaultSymbol}<span class="deposit"></span>&nbsp;&nbsp;<span class="text-accent">Receivable:{$hotelDefaultSymbol}<span class="overdue"></span></span>
                        </div>
                        <div class="row text-right">
                            <div class="col-xs-12">
                                <div class="btn-sm btn-link" id="addReceipt">Add receipt+</div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-xs-12">
                                <textarea class="form-control" data-tip-object="#submitBook" id="bookRemark" maxlength="255" autocomplete="off" placeholder="Remark"></textarea>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div id="hourPanel" class="hidden">
                <div class="modal-body" >
                    <div class="horizontal-padding-sm text-sm text-accent"><span>Subject to the first person's offer</span><span style="margin-left: 4px;" data-toggle="tooltip" data-placement="right"  title="If the first person to stay is a VIP of his offer prevail" class="iconfont icon-question-sign"></span></div>
                    <form class="form-horizontal form-sm">
                        <div class="form-group" id="addOrderHourRoom">
                        </div>
                        <div class="row text-right">
                            <div class="col-xs-12">
                                <div class="btn-sm btn-link" id="addHourRoom">Add person+</div>
                            </div>
                        </div>
                        <div class="form-group">
                            <table class="table text-sm addOrderHourTable" id="addOrderHourReceive">
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                        <div class="vertical-margin horizontal-padding-sm text-sm">Order amount:{$hotelDefaultSymbol}<span class="hour-total"></span>&nbsp;&nbsp;<span class="hour-privilege text-accent"></span>&nbsp;&nbsp;Amount received:{$hotelDefaultSymbol}<span class="hour-receipt"></span>&nbsp;&nbsp;Deposit:{$hotelDefaultSymbol}<span class="hour-deposit"></span>&nbsp;&nbsp;<span class="text-accent">Receivable:{$hotelDefaultSymbol}<span class="hour-overdue"></span></span>
                        </div>
                        <div class="row text-right">
                            <div class="col-xs-12">
                                <div class="btn-sm btn-link" id="addHourReceipt">Add receipt+</div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-xs-12">
                                <textarea class="form-control" data-tip-object="#submitBook" id="bookHourRemark" maxlength="255" autocomplete="off" placeholder="Remark"></textarea>
                            </div>
                        </div>
                    </form>
                </div>           	
            </div> 
            <div id="longPanel" class="hidden">
                <div class="modal-body" >
                    <div class="horizontal-padding-sm text-sm text-accent"><span>Subject to the first person's offer</span><span style="margin-left: 4px;" data-toggle="tooltip" data-placement="right"  title="If the first person to stay is a VIP of his offer prevail" class="iconfont icon-question-sign"></span></div>
                    <form class="form-horizontal form-sm">
                        <div class="form-group" id="addOrderLongRoom">
                        </div>
                        <div class="row text-right">
                            <div class="col-xs-12">
                                <div class="btn-sm btn-link" id="addLongRoom">Add person+</div>
                            </div>
                        </div>
                        <div class="form-group">
                            <table class="table text-sm addOrderLongTable" id="addOrderLongReceive">
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                        <div class="vertical-margin horizontal-padding-sm text-sm">Order amount:{$hotelDefaultSymbol}<span class="long-total"></span>&nbsp;&nbsp;<span class="long-privilege text-accent"></span>&nbsp;&nbsp;Amount received:{$hotelDefaultSymbol}<span class="long-receipt"></span>&nbsp;&nbsp;Deposit:{$hotelDefaultSymbol}<span class="long-deposit"></span>&nbsp;&nbsp;<span class="text-accent">Receivable:{$hotelDefaultSymbol}<span class="long-overdue"></span></span>
                        </div>
                        <div class="row text-right">
                            <div class="col-xs-12">
                                <div class="btn-sm btn-link" id="addLongReceipt">Add receipt+</div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-xs-12">
                                <textarea class="form-control" data-tip-object="#submitBook" id="bookLongRemark" maxlength="255" autocomplete="off" placeholder="Remark"></textarea>
                            </div>
                        </div>
                    </form>
                </div>              
            </div> 
            <div class="modal-footer">
                <div class="form-horizontal form-sm">
                    <div class="form-group">
                        <div class="col-xs-12">
                            <div class="common-room-foot">
                                <button type="button" class="btn-accent btn-raised pull-left" id="submitCheckIn">Direct check-in</button>
                                <button type="button" class="btn-primary btn-raised pull-right" id="submitBook">Submit Order</button>
                                <button type="button" class="btn-primary btn-raised pull-right" id="submitBookOld">Fill orders</button>                                    
                            </div>
                            <div class="hour-room-foot hidden">
                                <button type="button" class="btn-accent btn-raised pull-left" id="submitHourCheckIn">Direct check-in</button>
                                <button type="button" class="btn-primary btn-raised pull-right" id="submitHourBook">Submit Order</button>
                                <button type="button" class="btn-primary btn-raised pull-right" id="submitHourBookOld">Fill orders</button>    
                            </div>
                            <div class="long-room-foot hidden">
                                <button type="button" class="btn-accent btn-raised pull-left" id="submitLongCheckIn">Direct check-in</button>
                                <button type="button" class="btn-primary btn-raised pull-right" id="submitLongBook">Submit Order</button>
                                <button type="button" class="btn-primary btn-raised pull-right" id="submitLongBookOld">Fill orders</button>    
                            </div>
                            <div class="help-block inline-help-block inline-help-block-right pull-right"></div>
                        </div>
                    </div>
                </div>
            </div> 
        </div>
    </div>
</div>
<div class="modal fade" data-backdrop="static" id="repairModal" data-endtime="{:date('Y-m-d', strtotime('+1 month'))}">
    <div class="modal-dialog sm-width">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="btn close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <div class="modal-title">Maintenance room Settings</div>
            </div>
            <div class="modal-body">
                <form class="form-horizontal form-sm" id="repair-container">
                    <div class="form-group">
                        <label class="col-xs-3 control-label">Start Date:</label>
                        <div class="col-xs-6">
                            <input type="text" class="form-control"  id="repairStartTime" autocomplete="off"  placeholder="" value="">
                        </div>
                        <div class="col-xs-3">
                            <div class="help-block"></div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-3 control-label">End Date:</label>
                        <div class="col-xs-6">
                            <input type="text" class="form-control"  id="repairEndTime" autocomplete="off" placeholder="" value="" />
                        </div>
                        <div class="col-xs-3">
                            <div class="help-block"></div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <div class="form-horizontal form-sm">
                    <div class="form-group">
                        <div class="col-xs-10 col-xs-offset-2">
                            <div class="help-block inline-help-block inline-help-block-right"></div>
                            <button type="button" class="btn-sm btn-primary btn-raised" id="submitRepair">OK</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>        
<!--js要用到的模板-->
<script type="text/html" id="templateOrderItemTip">
    <div class="order-item-tip">
        <div><span class="iconfont icon-user"></span>&nbsp;<span class="order-customer"></span>&nbsp;&nbsp;<span class="order-code"></span>&nbsp;<span class="order-mobile"></span>&nbsp;<span class="order-channel"></span><div class="order-info"><span class="order-status"></span><span class="order-refund text-error hidden">【Retreat】</span></div></div>
        <div><span class="iconfont icon-calendar"></span>&nbsp;C/I:<span class="order-start"></span>&nbsp;
            <span class="gettooltip-night hidden">C/O:<span class="order-end"></span>&nbsp;<span class="order-night"></span>nights</span>
            <span class="gettooltip-hour hidden"><span class="order-night"></span> hours</span>
            <span class="gettooltip-long hidden">C/O:<span class="order-end"></span>&nbsp;<span class="order-long"></span>nights</span>
        </div>
        <div><span class="iconfont icon-home"></span>&nbsp;Room:<span class="order-room"></span>&nbsp;&nbsp;&nbsp;Order amount:{$hotelDefaultSymbol}<span class="order-price"></span><br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Amount received:{$hotelDefaultSymbol}<span class="order-receive"></span>&nbsp;&nbsp;&nbsp;Deposit:{$hotelDefaultSymbol}<span class="order-deposit"></span></div>
        <div ><span style="margin-left: 18px;" class="payParent hidden">Retired amount:{$hotelDefaultSymbol}<span class="order-refund-receive "></span></span><span style="margin-left: 18px;" class="payParent hidden">Retired deposit:{$hotelDefaultSymbol}<span class="order-refund-deposit "></span></span></div>
        <div><span class="iconfont icon-edit"></span>&nbsp;Remark:<span class="order-remark"></span></div>
    </div>
</script>
<script type="text/html" id="templateAddOrderUser">
    <tr class="addOrderUserTr">
        <td>
            <input type="text" data-tip-object="#submitBook" class="form-control orderUserName" maxlength="20" autocomplete="off" placeholder="C/I name" value="" />
            <span class="iconfont icon-minus userRemove"></span>
        </td>
        <td>
            <include file="en_us:Public:Include_area_code" style=''  />
            <div class="vipPositive dropdown">
                <input type="text" data-tip-object="#submitBook" class="form-control orderUserMobile paddingArea" maxlength="11" autocomplete="off" placeholder="Phone number" value="" />
                <ul class="dropdown-menu dropdown-menu-left vipMobile"></ul>
                <div class="infoMoblietemplate hidden"></div>
            </div>
        </td>
        <td colspan="2">
            <input type="text" data-tip-object="#submitBook" class="form-control orderUserID" maxlength="18" autocomplete="off" placeholder="Guest ID" value="" />
        </td>
    </tr>
</script>
<script type="text/html" id="templateAddOrderHourUser">
    <tr class="addOrderHourUserTr">
        <td>
            <input type="text" data-tip-object="#submitBook" class="form-control orderHourUserName" maxlength="20" autocomplete="off" placeholder="C/I name" value="" />
            <span class="iconfont icon-minus userHourRemove"></span>
        </td>
        <td>
            <include file="en_us:Public:Include_area_code" style=''  />
            <div class="vipHourPositive dropdown">
                <input type="text" data-tip-object="#submitBook" class="form-control orderHourUserMobile paddingArea" maxlength="11" autocomplete="off" placeholder="Phone number" value="" />
                <ul class="dropdown-menu dropdown-menu-left vipHourMobile"></ul>
                <div class="infoHourMoblietemplate hidden"></div>
            </div>
        </td>
        <td colspan="2">
            <input type="text" data-tip-object="#submitBook" class="form-control orderHourUserID" maxlength="18" autocomplete="off" placeholder="Guest ID" value="" />
        </td>
    </tr>
</script>
<script type="text/html" id="templateAddOrderLongUser">
    <tr class="addOrderLongUserTr">
        <td>
            <input type="text" data-tip-object="#submitBook" class="form-control orderLongUserName" maxlength="20" autocomplete="off" placeholder="C/I name" value="" />
            <span class="iconfont icon-minus userLongRemove"></span>
        </td>
        <td>
            <include file="en_us:Public:Include_area_code" style=''  />
            <div class="vipLongPositive dropdown">
                <input type="text" data-tip-object="#submitBook" class="form-control orderLongUserMobile paddingArea" maxlength="11" autocomplete="off" placeholder="Phone number" value="" />
                <ul class="dropdown-menu dropdown-menu-left vipLongMobile"></ul>
                <div class="infoLongMoblietemplate hidden"></div>
            </div>
        </td>
        <td colspan="2">
            <input type="text" data-tip-object="#submitBook" class="form-control orderLongUserID" maxlength="18" autocomplete="off" placeholder="Guest ID" value="" />
        </td>
    </tr>
</script>
<script type="text/html" id="templateVipMoblieTip">
    <div class="order-item-tip">
        <div><span class="levelName"></span>&nbsp;<span class="name"></span></div>
        <div><span class="mobile"></span></div>
        <div><span class="identity"></span></div>
        <div>Lived together&nbsp;<span class="checkin"></span>&nbsp;Times</div>
        <div>Consumption&nbsp;&nbsp;{$hotelDefaultSymbol}<span class="totalAll"></span></div>
        <div>Average unit price&nbsp;{$hotelDefaultSymbol}<span class="average"><span>;</div>
        <div><span class="zuijin">Recently lived</span></div>
        <div><span class="roomType"></span></div>
        <div><span class="roomName"></span></div>    
    </div>
</script>
<script type="text/html" id="templateVipHourMoblieTip">
    <div class="order-item-tip">
        <div><span class="levelName"></span>&nbsp;<span class="name"></span></div>
        <div><span class="mobile"></span></div>
        <div><span class="identity"></span></div>
        <div>Lived together&nbsp;<span class="checkin"></span>&nbsp;Times</div>
        <div>Consumption&nbsp;&nbsp;{$hotelDefaultSymbol}<span class="totalAll"></span></div>
        <div>Average unit price&nbsp;{$hotelDefaultSymbol}<span class="average"><span></div>
        <div><span class="zuijin">Recently lived</span></div>
        <div><span class="roomType"></span></div>
        <div><span class="roomName"></span></div>    
    </div>
</script>
<script type="text/html" id="templateAddVipMoblie">
    <li class="addLi"><a class="addMoblie" href="javascript:void(0);"></a><span class="iconfont icon-menu-right infoMoblie"></span></li>
</script> 
<script type="text/html" id="templateAddVipHourMoblie">
    <li class="addHourLi"><a class="addHourMoblie" href="javascript:void(0);"></a><span class="iconfont icon-menu-right infoHourMoblie"></span></li>
</script>   
<script type="text/html" id="templateAddVipLongMoblie">
    <li class="addLongLi"><a class="addLongMoblie" href="javascript:void(0);"></a><span class="iconfont icon-menu-right infoLongMoblie"></span></li>
</script>  
<script type="text/html" id="templateAddOrderRoom">
    <tr class="addOrderRoomTr">
        <td class="col-xs-4 col-without-padding">
            <div class="dropdown">
                <ul class="dropdown-menu dropdown-menu-left addOrderRoomCheckInMenu">
                </ul>
                <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderRoomCheckIn" data-value="" href="javascript:void(0);"><span class="iconfont icon-calendar"></span>&nbsp;<span class="info"></span>&nbsp;C/I</a>
            </div>
        </td>
        <td class="col-xs-4 col-without-padding">
            <div id="room-switch" class="dropdown">
                <ul class="dropdown-menu dropdown-menu-left addOrderRoomIdMenu">
                    <volist name="rooms" id="roomType">
                        <volist name="roomType['room']" id="room">
                            <li data-value="{$room.id}"><a href="javascript:void(0);">{$room.name}</a></li>
                        </volist>
                    </volist>
                </ul>
                <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderRoomId" data-value="" href="javascript:void(0);"><span class="iconfont icon-home"></span>&nbsp;<span class="info"></span></a>
            </div>
        </td>
        <td id="nights" class="col-xs-2 col-without-padding">
            <div class="dropdown  nights">
                <ul class="dropdown-menu dropdown-menu-left addOrderRoomNightMenu">
                    <li data-value="1" class="active"><a href="javascript:void(0);">1nights</a></li>
                    <li data-value="2"><a href="javascript:void(0);">2nights</a></li>
                    <li data-value="3"><a href="javascript:void(0);">3nights</a></li>
                    <li data-value="4"><a href="javascript:void(0);">4nights</a></li>
                    <li data-value="5"><a href="javascript:void(0);">5nights</a></li>
                    <li data-value="6"><a href="javascript:void(0);">6nights</a></li>
                    <li data-value="7"><a href="javascript:void(0);">7nights</a></li>
                    <li data-value="8"><a href="javascript:void(0);">8nights</a></li>
                    <li data-value="9"><a href="javascript:void(0);">9nights</a></li>
                    <li data-value="10"><a href="javascript:void(0);">10nights</a></li>
                    <li data-value="11"><a href="javascript:void(0);">11nights</a></li>
                    <li data-value="12"><a href="javascript:void(0);">12nights</a></li>
                    <li data-value="13"><a href="javascript:void(0);">13nights</a></li>
                    <li data-value="14"><a href="javascript:void(0);">14nights</a></li>
                    <li data-value="15"><a href="javascript:void(0);">15nights</a></li>
                    <li data-value="16"><a href="javascript:void(0);">16nights</a></li>
                    <li data-value="17"><a href="javascript:void(0);">17nights</a></li>
                    <li data-value="18"><a href="javascript:void(0);">18nights</a></li>
                    <li data-value="19"><a href="javascript:void(0);">19nights</a></li>
                    <li data-value="20"><a href="javascript:void(0);">20nights</a></li>
                    <li data-value="21"><a href="javascript:void(0);">21nights</a></li>
                    <li data-value="22"><a href="javascript:void(0);">22nights</a></li>
                    <li data-value="23"><a href="javascript:void(0);">23nights</a></li>
                    <li data-value="24"><a href="javascript:void(0);">24nights</a></li>
                    <li data-value="25"><a href="javascript:void(0);">25nights</a></li>
                    <li data-value="26"><a href="javascript:void(0);">26nights</a></li>
                    <li data-value="27"><a href="javascript:void(0);">27nights</a></li>
                    <li data-value="28"><a href="javascript:void(0);">28nights</a></li>
                    <li data-value="29"><a href="javascript:void(0);">29nights</a></li>
                    <li data-value="30"><a href="javascript:void(0);">30nights</a></li>
                </ul>
                <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderRoomNight" data-value="1" href="javascript:void(0);"><span class="iconfont icon-time"></span>&nbsp;<span class="info">1nights</span></a>
            </div>
        </td>
        <td class="col-xs-4 col-without-padding">
            <div class="has-icon-right">
                <input type="text" data-tip-object="#submitBook" class="form-control addOrderPrice" autocomplete="off" placeholder="{$hotelDefaultSymbol}0.00" value="" />
                <span class="iconfont icon-minus priceRemove"></span>
            </div>
        </td>
    </tr>
</script>
<script type="text/html" id="templateAddOrderLongRoom">
    <tr class="addOrderLongRoomTr">
        <td class="col-xs-4 col-without-padding">
            <div class="dropdown">
                <ul class="dropdown-menu dropdown-menu-left addOrderLongRoomCheckInMenu">
                </ul>
                <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderLongRoomCheckIn" data-value="" href="javascript:void(0);"><span class="iconfont icon-calendar"></span>&nbsp;<span class="info"></span>&nbsp;C/I</a>
            </div>
        </td>
        <td class="col-xs-4 col-without-padding">
            <div id="room-long-switch" class="dropdown">
                <ul class="dropdown-menu dropdown-menu-left addOrderLongRoomIdMenu">
                    <volist name="longRooms" id="long">
                        <li data-value="{$long.roominfo_id}"><a href="javascript:void(0);">{$long.roomname}</a></li>
                    </volist>
                </ul>
                <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderLongRoomId" data-value="" href="javascript:void(0);"><span class="iconfont icon-home"></span>&nbsp;<span class="info"></span></a>
            </div>
        </td>
        <td id="month" class="col-xs-2 col-without-padding">
            <div class="dropdown months">
                <ul class="dropdown-menu dropdown-menu-left addOrderRoomLongMenu">
                    <li data-value="1" class="active"><a href="javascript:void(0);">1months</a></li>
                    <li data-value="2"><a href="javascript:void(0);">2months</a></li>
                    <li data-value="3"><a href="javascript:void(0);">3months</a></li>
                    <li data-value="4"><a href="javascript:void(0);">4months</a></li>
                    <li data-value="5"><a href="javascript:void(0);">5months</a></li>
                    <li data-value="6"><a href="javascript:void(0);">6months</a></li>
                    <li data-value="7"><a href="javascript:void(0);">7months</a></li>
                </ul>
                <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderRoomLong" data-value="1" href="javascript:void(0);"><span class="iconfont icon-time"></span>&nbsp;<span class="info">1months</span></a>
            </div>
        </td>
        <td class="col-xs-4 col-without-padding">
            <div class="has-icon-right">
                <input type="text" data-tip-object="#submitBook" class="form-control addOrderLongPrice" autocomplete="off" placeholder="{$hotelDefaultSymbol}0.00" value="" />
                <span class="iconfont icon-minus priceLongRemove"></span>
            </div>
        </td>
    </tr>
</script>
<script type="text/html" id="templateAddOrderHourRoom">
    <tr class="addOrderHourRoomTr">
        <td class="col-xs-4 col-without-padding">
            <div class="time-select-container">
                <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderHourRoomCheckIn" data-value="" href="javascript:void(0);"><span class="iconfont icon-calendar"></span>&nbsp;<span class="info"></span>&nbsp;C/I</a>
                <div class="time-container hidden">
                    <div id="_contents" >
                        <div class="inlineBlock">h:</div>
                        <div class="dropdown inlineBlock dropdown_hour">
                            <ul class="dropdown-menu dropdown-menu-left"></ul>
                            <a data-toggle="dropdown" class="" data-value="" href="javascript:void(0);"><span class="info"></span></a>
                        </div>  
                        <div class="inlineBlock">m:</div>    
                        <div class="dropdown inlineBlock dropdown_minute">
                            <ul class="dropdown-menu dropdown-menu-left "></ul>
                            <a data-toggle="dropdown" class="" data-value="" href="javascript:void(0);"><span class="info">00</span></a>
                        </div>                       
                        <input type="button" class="select_time" value="OK">
                        <input type="button" class="clear_time" value="Cancel">               
                    </div>
                </div>            	
            </div>
        </td>
        <td class="col-xs-4 col-without-padding">
            <div id="room-hour-switch" class="dropdown">
                <ul class="dropdown-menu dropdown-menu-left addOrderHourRoomIdMenu">
                    <volist name="hourRooms" id="hour">
                        <li data-value="{$hour.roominfo_id}"><a href="javascript:void(0);">{$hour.roomname}</a></li>
                    </volist>
                </ul>
                <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderHourRoomId" data-value="" href="javascript:void(0);"><span class="iconfont icon-home"></span>&nbsp;<span class="info"></span></a>
            </div>
        </td>
        <td id="hours" class="col-xs-2 col-without-padding">
            <div class="dropdown  hours">
                <ul class="dropdown-menu dropdown-menu-left addOrderRoomHourMenu">
                </ul>
                <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderRoomHour" data-value="" href="javascript:void(0);"><span class="iconfont icon-time"></span>&nbsp;<span class="info"></span></a>
            </div>
        </td>
        <td class="col-xs-4 col-without-padding">
            <div class="has-icon-right">
                <input type="text" data-tip-object="#submitBook" class="form-control addOrderHourPrice" autocomplete="off" placeholder="{$hotelDefaultSymbol}0.00" value="" />
                <span class="iconfont icon-minus priceHourRemove"></span>
            </div>
        </td>
    </tr>
</script>

<script type="text/html" id="templateAddOrderReceive">
    <tr class="addOrderReceiveTr">
        <td class="col-xs-3 col-without-padding">
            <div class="dropdown">
                <ul class="dropdown-menu dropdown-menu-left addOrderReceiveIsDepositMenu">
                    <li class="active" data-value="0"><a href="javascript:void(0);">Receipt</a></li>
                    <li data-value="1"><a href="javascript:void(0);">Deposit</a></li>
                    <li class="other-expense-btn"><a data-value="10" href="javascript:void(0);">Consumption</a>
                        <div class="other-expense-content hidden">
                            <volist name="otherCost" id="cost">
                                <if condition="$i eq 1">
                                    <div class="list active" data-cost="{$cost.id}">{$cost.name}</div>
                                    <else/>
                                    <div class="list" data-cost="{$cost.id}">{$cost.name}</div>
                                </if>
                            </volist>
                        </div>
                    </li>
                </ul>
                <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderReceiveIsDeposit" data-value="0" href="javascript:void(0);"><span class="iconfont icon-cny"></span>&nbsp;<span class="info">Receipt</span></a>
            </div>
        </td>
        <td class="col-xs-3 col-without-padding">
            <div class="dropdown">
                <ul class="dropdown-menu dropdown-menu-left addOrderReceiveTypeMenu">
                    <volist name="hotelpay" id="pay">
                        <if condition="$key eq 0">
                            <li class="active" data-value="{$pay.id}"><a href="javascript:void(0);">{$pay.name}</a></li>
                            <else/>
                            <li data-value="{$pay.id}"><a href="javascript:void(0);">{$pay.name}</a></li>
                        </if>
                    </volist>
                    <li class="order-agency-receipt hidden" data-value="0"><a href="javascript:void(0);">Receivable</a></li>
                </ul>
                <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderReceiveType" data-value="{$hotelpay[0]['id']}" href="javascript:void(0);"><span class="iconfont icon-tags"></span>&nbsp;<span class="info">{$hotelpay[0]['name']}</span></a>
            </div>
        </td>
        <td class="col-xs-3 col-without-padding">
            <div class="dropdown">
                <ul class="dropdown-menu dropdown-menu-left addMultiCurrencyMenu">
                    <volist name="currencyInfo" id="currency">
                         <if condition="$currency['type'] eq 1">
                            <li class="active" data-value="{$currency.id}"><a href="javascript:void(0);">({$currency.standsymbol}) {$currency.name} . {$currency.symbol}</a></li>
                            <else/>
                            <li data-value="{$currency.id}"><a href="javascript:void(0);">({$currency.standsymbol}) {$currency.name} . {$currency.symbol}</a></li>
                        </if>
                    </volist>
                </ul>
                <a data-toggle="dropdown" class="without-min-width btn text-sm addMultiCurrencyType" data-default="{$currencyDefaultInfo.id}" data-name="({$currencyDefaultInfo.standsymbol}) {$currencyDefaultInfo.name} . {$currencyDefaultInfo.symbol}"  data-value="{$currencyDefaultInfo.id}" href="javascript:void(0);"><span class="info">({$currencyDefaultInfo.standsymbol}) {$currencyDefaultInfo.name} . {$currencyDefaultInfo.symbol}</span><span class="icon-dropdown"></span></a>
            </div>               
        </td>        
        <td class="col-xs-3 col-without-padding">
            <div class="has-icon-right">
                <input type="text" data-tip-object="#submitBook" class="form-control addOrderReceive" autocomplete="off" placeholder="0.00" value=" " />
                <span class="iconfont icon-minus receiveRemove"></span>
            </div>
        </td>
    </tr> 
</script>

<script type="text/html" id="templateAddOrderHourReceive">
    <tr class="addOrderHourReceiveTr">
        <td class="col-xs-3 col-without-padding">
            <div class="dropdown">
                <ul class="dropdown-menu dropdown-menu-left addOrderHourReceiveIsDepositMenu">
                    <li class="active" data-value="0"><a href="javascript:void(0);">Receipt</a></li>
                    <li data-value="1"><a href="javascript:void(0);">Deposit</a></li>
                    <li class="other-expense-btn"><a data-value="10" href="javascript:void(0);">Consumption</a>
                        <div class="other-expense-content hidden">
                            <volist name="otherCost" id="cost">
                                <if condition="$i eq 1">
                                    <div class="list active" data-cost="{$cost.id}">{$cost.name}</div>
                                    <else/>
                                    <div class="list" data-cost="{$cost.id}">{$cost.name}</div>
                                </if>
                            </volist>
                        </div>
                    </li>
                </ul>
                <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderHourReceiveIsDeposit" data-value="0" href="javascript:void(0);"><span class="iconfont icon-cny"></span>&nbsp;<span class="info">Receipt</span></a>
            </div>
        </td>
        <td class="col-xs-3 col-without-padding">
            <div class="dropdown">
                <ul class="dropdown-menu dropdown-menu-left addOrderHourReceiveTypeMenu">
                    <volist name="hotelpay" id="pay">
                        <if condition="$key eq 0">
                            <li class="active" data-value="{$pay.id}"><a href="javascript:void(0);">{$pay.name}</a></li>
                            <else/>
                            <li data-value="{$pay.id}"><a href="javascript:void(0);">{$pay.name}</a></li>
                        </if>
                    </volist>
                    <li class="order-agency-receipt hidden" data-value="0"><a href="javascript:void(0);">Receivable</a></li>
                </ul>
                <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderHourReceiveType" data-value="{$hotelpay[0]['id']}" href="javascript:void(0);"><span class="iconfont icon-tags"></span>&nbsp;<span class="info">{$hotelpay[0]['name']}</span></a>
            </div>
        </td>
        <td class="col-xs-3 col-without-padding">
            <div class="dropdown">
                <ul class="dropdown-menu dropdown-menu-left addMultiCurrencyHourMenu">
                    <volist name="currencyInfo" id="currency">
                         <if condition="$currency['type'] eq 1">
                            <li class="active" data-value="{$currency.id}"><a href="javascript:void(0);">({$currency.standsymbol}) {$currency.name} . {$currency.symbol}</a></li>
                            <else/>
                            <li data-value="{$currency.id}"><a href="javascript:void(0);">({$currency.standsymbol}) {$currency.name} . {$currency.symbol}</a></li>
                        </if>
                    </volist>
                </ul>
                <a data-toggle="dropdown" class="without-min-width btn text-sm addMultiCurrencyHourType" data-default="{$currencyDefaultInfo.id}" data-name="({$currencyDefaultInfo.standsymbol}) {$currencyDefaultInfo.name} . {$currencyDefaultInfo.symbol}" data-value="{$currencyDefaultInfo.id}" href="javascript:void(0);"><span class="info">({$currencyDefaultInfo.standsymbol}) {$currencyDefaultInfo.name} . {$currencyDefaultInfo.symbol}</span><span class="icon-dropdown"></span></a>
            </div>               
        </td>     
        <td class="col-xs-3 col-without-padding">
            <div class="has-icon-right">
                <input type="text" data-tip-object="#submitBook" class="form-control addOrderHourReceive" autocomplete="off" placeholder="0.00" value=" " />
                <span class="iconfont icon-minus receiveHourRemove"></span>
            </div>
        </td>
    </tr> 
</script>

<script type="text/html" id="templateAddOrderLongReceive">
    <tr class="addOrderLongReceiveTr">
        <td class="col-xs-3 col-without-padding">
            <div class="dropdown">
                <ul class="dropdown-menu dropdown-menu-left addOrderLongReceiveIsDepositMenu">
                    <li class="active" data-value="0"><a href="javascript:void(0);">Receipt</a></li>
                    <li data-value="1"><a href="javascript:void(0);">Deposit</a></li>
                    <li class="other-expense-btn"><a data-value="10" href="javascript:void(0);">Consumption</a>
                        <div class="other-expense-content hidden">
                            <volist name="otherCost" id="cost">
                                <if condition="$i eq 1">
                                    <div class="list active" data-cost="{$cost.id}">{$cost.name}</div>
                                    <else/>
                                    <div class="list" data-cost="{$cost.id}">{$cost.name}</div>
                                </if>
                            </volist>
                        </div>
                    </li>
                </ul>
                <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderLongReceiveIsDeposit" data-value="0" href="javascript:void(0);"><span class="iconfont icon-cny"></span>&nbsp;<span class="info">Receipt</span></a>
            </div>
        </td>
        <td class="col-xs-3 col-without-padding">
            <div class="dropdown">
                <ul class="dropdown-menu dropdown-menu-left addOrderLongReceiveTypeMenu">
                    <volist name="hotelpay" id="pay">
                        <if condition="$key eq 0">
                            <li class="active" data-value="{$pay.id}"><a href="javascript:void(0);">{$pay.name}</a></li>
                            <else/>
                            <li data-value="{$pay.id}"><a href="javascript:void(0);">{$pay.name}</a></li>
                        </if>
                    </volist>
                    <li class="order-agency-receipt hidden" data-value="0"><a href="javascript:void(0);">Receivable</a></li>
                </ul>
                <a data-toggle="dropdown" class="without-min-width btn text-sm addOrderLongReceiveType" data-value="{$hotelpay[0]['id']}" href="javascript:void(0);"><span class="iconfont icon-tags"></span>&nbsp;<span class="info">{$hotelpay[0]['name']}</span></a>
            </div>
        </td>
        <td class="col-xs-3 col-without-padding">
            <div class="dropdown">
                <ul class="dropdown-menu dropdown-menu-left addMultiCurrencyLongMenu">
                    <volist name="currencyInfo" id="currency">
                         <if condition="$currency['type'] eq 1">
                            <li class="active" data-value="{$currency.id}"><a href="javascript:void(0);">({$currency.standsymbol}) {$currency.name} . {$currency.symbol}</a></li>
                            <else/>
                            <li data-value="{$currency.id}"><a href="javascript:void(0);">({$currency.standsymbol}) {$currency.name} . {$currency.symbol}</a></li>
                        </if>
                    </volist>
                </ul>
                <a data-toggle="dropdown" class="without-min-width btn text-sm addMultiCurrencyLongType" data-default="{$currencyDefaultInfo.id}" data-name="({$currencyDefaultInfo.standsymbol}) {$currencyDefaultInfo.name} . {$currencyDefaultInfo.symbol}" data-value="{$currencyDefaultInfo.id}" href="javascript:void(0);"><span class="info">({$currencyDefaultInfo.standsymbol}) {$currencyDefaultInfo.name} . {$currencyDefaultInfo.symbol}</span><span class="icon-dropdown"></span></a>
            </div>               
        </td>     
        <td class="col-xs-3 col-without-padding">
            <div class="has-icon-right">
                <input type="text" data-tip-object="#submitBook" class="form-control addOrderLongReceive" autocomplete="off" placeholder="0.00" value=" " />
                <span class="iconfont icon-minus receiveLongRemove"></span>
            </div>
        </td>
    </tr> 
</script>